<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑活动量计划</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no"/><!-- 禁用手机号码识别 -->
    <meta name="format-detection" content="email=no" /> <!-- 禁用邮箱识别 -->
    <link rel="stylesheet" href="./css/common.css">
    <script src="./libs/zepto.js"></script>
    <script src="./libs/touch.js"></script>
    <script src="./libs/selector.js"></script>
    <script src="./libs/event.js"></script>
    <script src="./libs/ajax.js"></script>
    <script src="./laydate/laydate.js"></script>


</head>
<body>

<!--整体布局盒子-->
<div class="container">
    <header>
        <a href="javascript:;0"><img src="./images/lefticon.png" alt=""></a>
        <span>编辑活动量计划</span>
    </header>
    <!--userinfo B-->
    <section class="userinfo">
        <ul class="list-unstyled">
            <li>
                <span class="starIcon">客户编号</span>
                <span><input readonly="readonly" class="text-right resstInput" type="text"></span>
            </li>
            <li>
                <span class="starIcon">客户姓名</span>
                <span><input readonly="readonly"  class="text-right resstInput" type="text"></span>
            </li>
            <li>
                <span>访问方式</span>
                <span class="faceIcon"><input readonly="readonly" class="text-right" type="text" value="面访"></span>
            </li>
            <li>
                <span class="starIcon">联系方式</span>
                <span><input class="text-right inputHtml resstInput" type="text" placeholder="请输入联系方式"></span>
            </li>
            <li>
                <span class="starIcon">预处理日期</span>
                <span class="modification_date"><input readonly="readonly" id="laydate2" class="text-right resstInput" type="text" placeholder="请选择预处理日期"><a class="searchBtn" href="javascript:;0"><img src="./images/righticon.png" alt=""></a></span>
            </li>
            <li>
                <span>其它关键信息</span>
            </li>
            <li>
                 <span>
                     <textarea name="" class="textarea" cols="30" rows="10" placeholder="写下你对客户的基本描述；"></textarea>
                 </span>
            </li>
        </ul>
    </section>
    <!--userinfo E-->
    <!--底部按钮  B-->
    <footer>
        <div class="btnBox">
            <div id="cancer">删除</div>
            <div id="save">确定</div>
        </div>
    </footer>
    <!--底部按钮  E-->
</div>


</body>
<script>
    $(function () {
        //日期字符串转换为日期
        laydate({
            elem: '#laydate2',
            event:"focus"
        });

        //点击文本域框内容为空
        $(".textarea").on("focus",function () {
            $(this).attr("placeholder","");
        }).on("blur",function () {
            $(this).attr("placeholder","写下你对客户的基本描述；");
        });
        //点击input内容为空
        var placeholder;
        $(".inputHtml").on("focus",function () {
            placeholder=$(this).attr("placeholder");
            $(this).attr("placeholder","")
        }).on("blur",function () {
            $(this).attr("placeholder",placeholder);
        });


        //点击确定跳转到制定活动量计划页面
        $("#save").on("tap",function () {
            window.location.href="./makePlan.html"
        })

        //页面加载即发送ajax请求
        function modificationPlanAjax() {

        }

        modificationPlanAjax();


    });

</script>
</html>